<template>
    <div id="box">
        <img src="../assets/images/fm.jpg" />
        <div class="box">{{name}}</div>
    </div>
</template>

<script>
export default {
    data(){
        return{
            name:'3'
        }
    },
    created(){
        var _this=this
        var time=3
        var timer=setInterval(function(){
            if(time>0){
                time=time-1
                _this.name=time
            }else if(time==0){
                _this.$router.push({
                    path:'index'
                })
                clearInterval(timer);
            }
        },1000)
    },
}
</script>

<style lang="sass" scoped>
@import '../assets/style/common.scss'
    
#box
    position:relative
    width: 100%
    height: 100vh
    overflow: hidden
        
    img
        width: 100%
        height: auto
    
    .box
        position: absolute
        right: px2rem(32px)
        top: px2rem(32px)
        color: #448a20
        border: px2rem(2px) solid #448a20
        border-radius: 50%
        width: px2rem(64px)
        height: px2rem(64px)
        line-height: px2rem(64px)
        text-align: center
        font-size: px2rem(32px)
</style>

